<?php
    $pagepath = '.';
    include './includes/constants.php';
?>
<!DOCTYPE html>
<html lang="it">
    <head>
        <title>Installazione | Nightly Lodge</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,700,700italic,400italic">
        <link rel="stylesheet" type="text/css" media="all" href="<?php echo $path=$pagepath . CSS . "reset.css" ?>" />
        <link rel="stylesheet" type="text/css" media="all" href="<?php echo $path=$pagepath . CSS . "style.css" ?>" />
        <style>html,body{background-color: #333;height:90%;}</style>
        <link rel="shortcut icon" href="<?php echo $path=$pagepath . ICONS . "favicon.ico" ?>" />
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    </head>
    <body>        
        <div id="container">
            <div id="install-info-bar">Benvenuti nell'installazione di Nightly Lodge</div>
            <script type="text/javascript">
$(document).ready(function() {
      $('#install-box').fadeIn(2500);
      $('#button').fadeIn(5000);
      $('#footer-big').fadeIn(0);
});
            </script>
            <div id="install-box" style="display:none;">
                <form id="" method="post" action="./includes/action_install.php">
                    <span class="warning"><p>Prima di procedere con la compilazione di questo modulo, assicurati di aver modificato il file connect.php con i dati di accesso al tuo database.</p></span><br />
                    <!-- Registrazione account amministratore (username, passoword, conferma password, email) -->
                    <span class="bold"><p>Dati di accesso all'amministrazione della piattaforma</p></span><br />
                    <input type="text" name="nickname" placeholder="Username" class="install-box" maxlength="15" required />
                    <span class="info">L'username che vi permetterà di accedere e gestire il vostro blog.</span><br />

                    <input type="password" name="password" placeholder="Password" class="install-box" required />
                    <span class="info">La password che vi permetterà di accedere e gestire il vostro blog.</span><br />

                    <input type="password" name="conferma_password" placeholder="Conferma password" class="install-box" required />
                    <span class="info">Reinserisci la password per sicurezza.</span><br />

                    <input type="email" name="email" placeholder="Email" class="install-box" required />
                    <span class="info">Inserisci una mail vailda (utile per il ripristino della password).</span><br /><br />

                    <!-- Dati profilo (Nome, bio) -->
                    <span class="bold"><p>Dati personali dell'utente (verrano visualizzati nelle pagine del blog)</p></span><br />
                    <input type="text" name="name" placeholder="Nome" class="install-box" maxlength="15" required />
                    <span class="info">Il tuo nome, che apparirà nelle pagine del blog.</span><br />

                    <input type="text" name="bio" placeholder="Biografia" class="install-box" required />
                    <span class="info">Una piccola descrizione, che apparirà nelle pagine del blog.</span><br /><br />

                    <!-- Informazioni blog (nome blog, url blog) -->
                    <span class="bold"><p>Informazioni necessarie alla configurazione della piattaforma</p></span><br />
                    <input type="text" name="blog_nome" placeholder="Nome blog" class="install-box" maxlength="40" required />
                    <span class="info">Il nome del vostro blog.</span><br />

                    <input type="text" name="blog_url" placeholder="Url piattaforma" class="install-box" required />
                    <span class="info">Inserire qui il l'url esatto del vostro blog (compresi l'http, e/o le eventuali path).</span>
                    
                    <div class="center"><div id="button" style="display:none;"><input type="submit" value="INSTALLA" name="submit" class="install-button"></div></div>
                </form>
            </div>
        </div>
        <div id="footer-big" style="display:none;">
            <div class="container">Nightly Lodge</div>
        </div>
    </body>
</html>